<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta  name="viewport" content="width=device-width, initial-scale=1.0">
	<title>九宫格</title>
	<style type="text/css">
		
        .none div{
        	        width: 30%;
                   margin: 1%;

           padding-bottom: 30%;

            border-radius: 10%;       
                    float: left;
         background-color: orange;}
		 

		 </style>
		
</head>
<body>
	<div class="none">
	<div class="none"></div>
    <div class="none"></div>
	<div class="none"></div>
	<div class="none"></div>
	<div class="none"></div>
	<div class="none"></div>
	<div class="none"></div>
	<div class="none"></div>
	<div class="none"></div>
</body>
</html>